<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>导航_再芬黄梅</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">


    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>




    <style type="text/css">
        .headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
        .headroom--unpinned {top: -100px;}
        .headroom--pinned {top: 0;}
    </style>

    <style type="text/css">
        .scrollspy-example {
            height: 1200px;
            overflow: auto;
            position: relative;
        }
    </style>
    <style>
        #img1{
            width: 1000px;
            height: 500px;
        }
        .img{
            width: 800px;
            height: 500px;
        }
    </style>
</head>
<body>
<div class="jumbotron">
    <div class="container" >
        <h1 style="font-family: 仿宋;color: #f50000">再芬黄梅</h1>
        <img src="./img/P1750049.jpg" id="img1"/>
    </div>
</div>

<div  class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="example">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">网站首页</a>
        </div>

        <div class="collapse navbar-collapse" id="tem">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">团队风采</a></li>
                <li><a href="#">精品剧目</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">在线欣赏<b class="caret"></b></a>

                    <ul class="dropdown-menu">
                        <li><a href="#">精彩剧照</a></li>
                        <li><a href="#">经典视频</a></li>
                        <li><a href="#">经典唱段</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
</div>
<div style="margin-left: 100px">
    <p>韩再芬,黄梅戏领域的杰出代表与领军人物。</p>
    <p>现任中国戏剧家协会副主席、安徽再芬黄梅文化艺术股份有限公司董事长，安庆再芬黄梅艺术剧院院长，</p>
    <p>安徽韩再芬黄梅艺术基金会理事长。安徽大学黄梅剧艺术中心主任，兼职教授；</p>
    <p>安庆师范学院黄梅剧艺术学院名誉院长，。连续三届当选全国人大代表。国家一级演员；</p>
    <p>国家级非物质文化遗产项目代表性传承人（黄梅戏）。 2000年荣获中国戏剧“梅花奖”、</p>
    <p>“文华表演奖”， 2004年全国“德艺双馨”艺术家，2004年“新世纪百千万人才工程国家级人选”，</p>
    <p>2009 年“国家级非物质文化遗产保护先进工作者”， 2010年“全国劳动模范和先进工作者”，</p>
    <p>2010年获第十三届中国艺术节 “文华表演奖”，2012 年第六届中国（安庆）黄梅戏艺术节“特别贡献奖”。</p>
    <h1>再芬黄梅合肥演出季（第五季）</h1>
    <h3>2015年.11月.合肥</h3>
    <p>潜心践行，厚积薄发</p>
    <p>10台大戏，22场演绎</p>
    <p>“再”唱黄梅，精彩“芬”呈</p>
    <h2>“韩”梅盛开，香飘省城</h2>
    <h2>《徽州女人》：16年经典再现 </h2>
    <p><img src="./img/hn.jpg"  class="img"/></p>
    <h2>俊才汇聚，各展英姿</h2>
    <h3>经典黄梅戏《五女拜寿》</h3>
    <p><img src="./img/wnbs.jpg"   class="img"/></p>
    <h2>《女驸马》</h2>
    <p><img src="./img/nfm.jpg"   class="img"/></p>
    <h2>《孟丽君》</h2>
    <p><img src="./img/mlj.jpg"   class="img"/></p>
    <h2>《春江月》</h2>
    <p><img src="./img/cjy.jpg"   class="img"/></p>
    <h2>大型黄梅戏喜剧《靠善升官》</h2>
    <p><img src="./img/sgj.jpg"   class="img"/></p>
    <h2>《罗帕记》</h2>
    <p><img src="./img/lpj.png"   class="img"/></p>
    <h2>《寂寞汉卿》</h2>
    <p><img src="./img/jmhq.jpg"   class="img"/></p>
    <h2>经典黄梅小戏、折子戏专场</h2>
    <p><img src="./img/zzx.jpg"   class="img"/></p>
    <h2>再现徽州，传唱经典</h2>
    <h3>《徽州往事》：梅开二度之作  </h3>
    <p><img src="./img/hw.jpg"   class="img"/></p>
</div>

<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>


<script  type="text/javascript"  src="https://rawgithub.com/WickyNilliams/headroom.js/master/dist/headroom.js"></script>

<script  type="text/javascript"  src="https://rawgithub.com/WickyNilliams/headroom.js/master/src/jQuery.headroom.js"></script>

<script type="text/javascript">

    $(".navbar-fixed-top").headroom();

</script>

</body>
</html>